/*
 * SimpleModal 1.2.2 - jQuery Plugin
 * http://www.ericmmartin.com/projects/simplemodal/
 * Copyright (c) 2008 Eric Martin
 * Dual licensed under the MIT and GPL licenses
 * Revision: $Id: jquery.simplemodal.js 181 2008-12-16 16:51:44Z emartin24 $
 * 
 * Fixes by dbiollo - Feb 2, 2009
 */

/*
 * SimpleModal is a lightweight jQuery plugin that provides a simple
 * interface to create a modal dialog.
 *
 * The goal of SimpleModal is to provide developers with a cross-browser 
 * overlay and container that will be populated with data provided to
 * SimpleModal.
 *
 * There are two ways to call SimpleModal:
 * 1) As a chained function on a jQuery object, like $('#myDiv').modal();.
 * This call would place the DOM object, #myDiv, inside a modal dialog.
 * Chaining requires a jQuery object. An optional options object can be
 * passed as a parameter.
 *
 * @example $('<div>my data</div>').modal({options});
 * @example $('#myDiv').modal({options});
 * @example jQueryObject.modal({options});
 *
 * 2) As a stand-alone function, like $.modal(data). The data parameter
 * is required and an optional options object can be passed as a second
 * parameter. This method provides more flexibility in the types of data 
 * that are allowed. The data could be a DOM object, a jQuery object, HTML
 * or a string.
 * 
 * @example $.modal('<div>my data</div>', {options});
 * @example $.modal('my data', {options});
 * @example $.modal($('#myDiv'), {options});
 * @example $.modal(jQueryObject, {options});
 * @example $.modal(document.getElementById('myDiv'), {options}); 
 * 
 * A SimpleModal call can contain multiple elements, but only one modal 
 * dialog can be created at a time. Which means that all of the matched
 * elements will be displayed within the modal container.
 * 
 * SimpleModal internally sets the CSS needed to display the modal dialog
 * properly in all browsers, yet provides the developer with the flexibility
 * to easily control the look and feel. The styling for SimpleModal can be 
 * done through external stylesheets, or through SimpleModal, using the
 * overlayCss and/or containerCss options.
 *
 * SimpleModal has been tested in the following browsers:
 * - IE 6, 7
 * - Firefox 2, 3
 * - Opera 9
 * - Safari 3
 *
 * @name SimpleModal
 * @type jQuery
 * @requires jQuery v1.2.2
 * @cat Plugins/Windows and Overlays
 * @author Eric Martin (http://ericmmartin.com)
 * @version 1.2.2
 */
(function ($) {
    var ie6 = $.browser.msie && parseInt($.browser.version) == 6 && !window['XMLHttpRequest'],
        // dbiollo - this line erroneously is true in IE (probably because of jQuery 1.3)
        ieQuirks = false; //$.browser.msie && !$.boxModel,
        w = [];

        /*
         * Stand-alone function to create a modal dialog.
         * 
         * @param {string, object} data A string, jQuery object or DOM object
         * @param {object} [options] An optional object containing options overrides
         */
        $.modal = function (data, options) {
            return $.modal.impl.init(data, options);
        };

        /*
         * Stand-alone close function to close the modal dialog
         */
        $.modal.close = function () {
            $.modal.impl.close();
        };

        /*
         * Chained function to create a modal dialog.
         * 
         * @param {object} [options] An optional object containing options overrides
         */
        $.fn.modal = function (options) {
            return $.modal.impl.init(this, options);
        };

        /*
         * SimpleModal default options
         * 
         * opacity: (Number:50) The opacity value for the overlay div, from 0 - 100
         * overlayId: (String:'simplemodal-overlay') The DOM element id for the overlay div
         * overlayCss: (Object:{}) The CSS styling for the overlay div
         * containerId: (String:'simplemodal-container') The DOM element id for the container div
         * containerCss: (Object:{}) The CSS styling for the container div
         * dataCss: (Object:{}) The CSS styling for the data div
         * zIndex: (Number: 1000) Starting z-index value
         * close: (Boolean:true) Show closeHTML?
         * closeHTML: (String:'<a class="modalCloseImg" title="Close"></a>') The HTML for the 
                      default close link. SimpleModal will automatically add the closeClass to this element.
         * closeClass: (String:'simplemodal-close') The CSS class used to bind to the close event
         * position: (Array:null) Position of container [top, left]. Can be number of pixels or percentage
         * persist: (Boolean:false) Persist the data across modal calls? Only used for existing
                    DOM elements. If true, the data will be maintained across modal calls, if false,
                       the data will be reverted to its original state.
         * onOpen: (Function:null) The callback function used in place of SimpleModal's open
         * onShow: (Function:null) The callback function used after the modal dialog has opened
         * onClose: (Function:null) The callback function used in place of SimpleModal's close
         */
        $.modal.defaults = {
            opacity: 70,
            //overlayId: 'simplemodal-overlay',
            overlayCss: {},
            //containerId: 'simplemodal-container',
            containerCss: {},
            dataCss: {},
            zIndex: 1000,
            close: true,
            closeHTML: '<a class="modalCloseImg" title="Close"></a>',
            closeClass: 'simplemodal-close',
            position: null,
            persist: false,
            onOpen: null,
            onShow: null,
            onClose: null
        };

        /*
         * Main modal object
         */
        $.modal.impl = {
            /*
             * Modal dialog options
             */
            opts: null,
            /*
             * Contains the modal dialog elements and is the object passed 
             * back to the callback (onOpen, onShow, onClose) functions
             */
            dialog: {},
            /*
             * Initialize the modal dialog
             */
            init: function (data, options) {
                // determine how to handle the data based on its type
                if (typeof data == 'object') {
                    // convert DOM object to a jQuery object
                    data = data instanceof jQuery ? data : $(data);

                    // if the object came from the DOM, keep track of its parent
                    if (data.parent().parent().size() > 0) {
                        // dbiollo - Feb 13, 2009 - this code always gets called on IE7 and somehow jQuery gags
                        // while copying events from the source to the clone. We don't need this code right
                        // now anyway.
                        /*this.dialog.parentNode = data.parent();

                        // persist changes? if not, make a clone of the element
                        if (!this.opts.persist) {
                            this.dialog.orig = data.clone(true);
                        }*/
                    }
                } else if (typeof data == 'string' || typeof data == 'number') {
                    // just insert the data as innerHTML
                    data = $('<div/>').html(data);
                } else {
                    // unsupported data type!
                    alert('SimpleModal Error: Unsupported data type: ' + typeof data);
                    return false;
                }
            
                // don't allow multiple calls
                if (this.dialog.data) {
                    var new_id = data.attr("id");
                    if (new_id && new_id === $(this.dialog.data).attr("id")) {
                        return false;
                    }
                    this.push();
                }

                // merge defaults and user options
                this.opts = $.extend({}, $.modal.defaults, options);

                // keep track of z-index
                this.zIndex = this.opts.zIndex;

                // set the onClose callback flag
                this.occb = false;

                this.dialog.data = data.addClass('simplemodal-data').css(this.opts.dataCss);
                data = null;

                // create the modal overlay, container and, if necessary, iframe
                this.create();

                // display the modal dialog
                this.open();

                // useful for adding events/manipulating data in the modal dialog
                if ($.isFunction(this.opts.onShow)) {
                    this.opts.onShow.apply(this, [this.dialog]);
                }

                // don't break the chain =)
                return this;
            },
            
            /*
             * Create and add the modal overlay and container to the page
             */
            create: function () {
                // get the window properties
                w = this.getDimensions();

                // add an iframe to prevent select options from bleeding through
                if (ie6) {
                    this.dialog.iframe = $('<iframe src="javascript:false;"/>')
                        .css($.extend(this.opts.iframeCss, {
                            display: 'none',
                            opacity: 0, 
                            position: 'fixed',
                            height: w[0],
                            width: w[1],
                            zIndex: this.opts.zIndex,
                            top: 0,
                            left: 0
                        }))
                        .appendTo('body');
                }

                if (this.opts.modal_mode) {
                    // create the overlay
                    $("body").children(".simplemodal-overlay").hide(); //Hide overlays that are still fading out
                    this.dialog.overlay = $('<div/>')
                        //.attr('id', this.opts.overlayId)
                        .addClass('simplemodal-overlay')
                        .css($.extend(this.opts.overlayCss, {
                            display: 'none',
                            opacity: this.opts.opacity / 100,
                            // dbiollo - set the height and width to cover entire page
                            height: '100%',
                            width: '100%',
                            position: 'fixed',
                            left: 0,
                            top: 0,
                            zIndex: this.opts.zIndex + (2 + this.stack.length*2)
                        }))
                        .appendTo('body');
                    if ($.browser.mobileSafari) {
                        // dhkchan - set the height and width to cover entire document
                        this.dialog.overlay.css('height', $(document).height());
                        this.dialog.overlay.css('width', $(document).width()); 
                    }
                }
      
                // create the container
                this.dialog.container = $('<div/>')
                    //.attr('id', this.opts.containerId)
                    .addClass('simplemodal-container')
                    .css($.extend(this.opts.containerCss, {
                        display: 'none',
                        position: 'fixed', 
                        zIndex: this.opts.zIndex + (3 + this.stack.length*2)
                    }))
                    .append(this.opts.close ? $(this.opts.closeHTML).addClass(this.opts.closeClass): '')
                    .appendTo('body');

                this.setPosition();

                // fix issues with IE
                if (ie6 || ieQuirks) {
                    this.fixIE();
                }

                // hide the data and add it to the container
                    this.dialog.container.append(this.dialog.data.hide());
            },
            
            /*
             * Bind events
             */
            bindEvents: function () {
                var self = this;

                // bind the close event to any element with the closeClass class
                $('.' + this.opts.closeClass).bind('click.simplemodal', function (e) {
                    e.preventDefault();
                    self.close();
                });

                if (!this.opts.anchored) {
                    // update window size
                    $(window).bind('resize.simplemodal', function () {
                        // redetermine the window width/height
                        w = self.getDimensions();
  
                        // reposition the dialog
                        self.setPosition();
            
                        if (ie6 || ieQuirks) {
                            self.fixIE();
                        } else {
                            // update the iframe & overlay
                            self.dialog.iframe && self.dialog.iframe.css({height: w[0], width: w[1]});
                            // dbiollo - don't need this with 100% width and height
                            //self.dialog.overlay.css({height: w[0], width: w[1]});
                        }
                    });
                }
            },
            
            /*
             * Unbind events
             */
            unbindEvents: function () {
                $('.' + this.opts.closeClass).unbind('click.simplemodal');
                $(window).unbind('resize.simplemodal');
            },
            
            /*
             * Fix issues in IE6 and IE7 in quirks mode
             */
            fixIE: function () {
                var p = this.opts.position;

                // simulate fixed position - adapted from BlockUI
                $.each([this.dialog.iframe || null, this.dialog.overlay, this.dialog.container], function (i, el) {
                    if (el) {
                        var bch = 'document.body.clientHeight', bcw = 'document.body.clientWidth',
                            bsh = 'document.body.scrollHeight', bsl = 'document.body.scrollLeft',
                            bst = 'document.body.scrollTop', bsw = 'document.body.scrollWidth',
                            ch = 'document.documentElement.clientHeight', cw = 'document.documentElement.clientWidth',
                            sl = 'document.documentElement.scrollLeft', st = 'document.documentElement.scrollTop',
                            s = el[0].style;

                        s.position = 'absolute';
                        if (i < 2) {
                            s.removeExpression('height');
                            s.removeExpression('width');
                            s.setExpression('height','' + bsh + ' > ' + bch + ' ? ' + bsh + ' : ' + bch + ' + "px"');
                            s.setExpression('width','' + bsw + ' > ' + bcw + ' ? ' + bsw + ' : ' + bcw + ' + "px"');
                        } else {
                            var te, le;
                            if (p && p.constructor == Array) {
                                if (p[0]) {
                                    var top = typeof p[0] == 'number' ? p[0].toString() : p[0].replace(/px/, '');
                                    te = top.indexOf('%') == -1 
                                        ? top + ' + (t = ' + st + ' ? ' + st + ' : ' + bst + ') + "px"'
                                        : parseInt(top.replace(/%/, '')) + ' * ((' + ch + ' || ' + bch + ') / 100) + (t = ' + st + ' ? ' + st + ' : ' + bst + ') + "px"';
                                }
                                if (p[1]) {
                                    var left = typeof p[1] == 'number' ? p[1].toString() : p[1].replace(/px/, '');
                                    le = left.indexOf('%') == -1 
                                        ? left + ' + (t = ' + sl + ' ? ' + sl + ' : ' + bsl + ') + "px"'
                                        : parseInt(left.replace(/%/, '')) + ' * ((' + cw + ' || ' + bcw + ') / 100) + (t = ' + sl + ' ? ' + sl + ' : ' + bsl + ') + "px"';
                                }
                            } else {
                                te = '(' + ch + ' || ' + bch + ') / 2 - (this.offsetHeight / 2) + (t = ' + st + ' ? ' + st + ' : ' + bst + ') + "px"';
                                le = '(' + cw + ' || ' + bcw + ') / 2 - (this.offsetWidth / 2) + (t = ' + sl + ' ? ' + sl + ' : ' + bsl + ') + "px"';
                            }
                            s.removeExpression('top');
                            s.removeExpression('left');
                            s.setExpression('top', te);
                            s.setExpression('left', le);
                        }
                    }
                });
            },
            
            getDimensions: function () {
                var el = $(window);

                // fix a jQuery/Opera bug with determining the window height
                var h = $.browser.opera && $.browser.version > '9.5' && $.fn.jquery <= '1.2.6' ?
                    document.documentElement['clientHeight'] : 
                    el.height();

                return [h, el.width()];
            },
            
            setPosition: function () {
                var top, left, hCenter, vCenter;
            
                if ($.browser.mobileSafari) {
                    hCenter = (window.outerHeight/2) - ((this.dialog.container.height() || this.dialog.data.height())/2) + $(window).scrollTop();
                    vCenter = (window.outerWidth/2) - ((this.dialog.container.width() || this.dialog.data.width())/2) + $(window).scrollLeft();
                } else {
                    hCenter = (w[0]/2) - ((this.dialog.container.height() || this.dialog.data.height())/2);
                    vCenter = (w[1]/2) - ((this.dialog.container.width() || this.dialog.data.width())/2);
                }
            
                if (this.opts.position && this.opts.position.constructor == Array) {
                    top = this.opts.position[0] || hCenter;
                    left = this.opts.position[1] || vCenter;
                } else {
                    top = hCenter;
                    left = vCenter;
                }
                this.dialog.container.css({left: left, top: top});
            },
            
            /*
             * Open the modal dialog elements
             * - Note: If you use the onOpen callback, you must "show" the 
             *            overlay and container elements manually 
             *         (the iframe will be handled by SimpleModal)
             */
            open: function () {
                // display the iframe
                this.dialog.iframe && this.dialog.iframe.show();

                if ($.isFunction(this.opts.onOpen)) {
                    // execute the onOpen callback 
                    this.opts.onOpen.apply(this, [this.dialog]);
                } else {
                    // display the remaining elements
                    if (this.opts.modal_mode && this.dialog.overlay) {
                        this.dialog.overlay.show();
                    }
                    this.dialog.container.show();
                    this.dialog.data.show();
                
                    // dbiollo - fix for Firefox 3
                    this.setPosition();
                }

                // bind default events
                this.bindEvents();
            },
            
            /*
             * Close the modal dialog
             * - Note: If you use an onClose callback, you must remove the 
             *         overlay, container and iframe elements manually
             *
             * @param {boolean} external Indicates whether the call to this
             *     function was internal or external. If it was external, the
             *     onClose callback will be ignored
             */
            close: function () {
                // prevent close when dialog does not exist
                if (!this.dialog.data) {
                    return false;
                }

                if ($.isFunction(this.opts.onClose) && !this.occb) {
                    // set the onClose callback flag
                    this.occb = true;

                    // execute the onClose callback
                    this.opts.onClose.apply(this, [this.dialog]);
                } else {
                    // if the data came from the DOM, put it back
                    if (this.dialog.parentNode) {
                        // save changes to the data?
                        if (this.opts.persist) {
                            // insert the (possibly) modified data back into the DOM
                            this.dialog.data.hide().appendTo(this.dialog.parentNode);
                        } else {
                            // remove the current and insert the original, 
                            // unmodified data back into the DOM
                            this.dialog.data.remove();
                            this.dialog.orig.appendTo(this.dialog.parentNode);
                        }
                    } else {
                        // otherwise, remove it
                        this.dialog.data.empty().remove();
                    }

                    // remove the remaining elements
                    this.dialog.container.remove();
                    if (this.dialog.overlay) {
                        //this.dialog.overlay.remove();
                        this.dialog.overlay.animate({"opacity" : 0}, 250, "swing", function() {
                            $(this).remove();
                        });
                    }
                    this.dialog.iframe && this.dialog.iframe.remove();

                    // reset the dialog object
                    this.dialog = {};
            
                    this.pop();
                }

                // remove the default events
                this.unbindEvents();
            },
        
            stack: [],
        
            push: function() {
                if (this.dialog.data) {
                    this.stack.push({
                        opts: this.opts,
                        dialog: this.dialog
                    });
                    if (this.dialog.overlay) {
                        this.dialog.overlay.hide();
                    }
                    if (this.dialog.iframe) {
                        this.dialog.iframe.hide();
                    }
                    this.unbindEvents();
                    this.opts = null;
                    this.dialog = {};
                }
            },
        
            pop: function() {
                if (this.stack.length > 0) {
                    var top = this.stack.pop();
                    this.opts = top.opts;
                    this.dialog = top.dialog;
                    this.occb = false;
                    this.zIndex = this.opts.zIndex;
                    if (this.dialog.iframe) {
                        this.dialog.iframe.show();
                    }
                    if (this.opts.modal_mode && this.dialog.overlay) {
                        //immediately hide any other overlay which is still fading out
                        $("body").children(".simplemodal-overlay").hide();
                        this.dialog.overlay.show();
                    }
                    
                    this.bindEvents();
                }
            }
        };
})(jQuery);